<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	<title>研学管理平台</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet"  th:href="@{/tool/layui/css/layui.css}"  media="all">
	<link rel="stylesheet" href="../css/style.css">
	<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="tool/layui/layui.js"></script>
</head>

<body>
	<!-- 顶部开始 -->
	<div class="admin-header">
		<div class="logo">
			<a target="appiframe" href="base_enter_audit.html">河南省研学实践综合管理平台</a>
		</div>
		<ul class="layui-nav layui-layout-right" style="background-color:white;">
			<li class="layui-nav-item" >
				<a href="javascript:void(0);" style="color: #000000;">新消息<span class="layui-badge">9</span></a>
			</li>
			<li class="layui-nav-item">
				<a href="javascript:void(0);" style="color: #000000;">欢迎您，abc123321jinx</a>
			</li>
			<li class="layui-nav-item"><a href="" style="color: #000000;">退出</a></li>
		</ul>
	</div>
	<!-- 顶部结束 -->
	<!-- 中部开始 -->
	<h3 class="login_name"><b>焦作云台山研学基地</b></h3>
	<!-- 左侧菜单开始 -->
	<div class="left-nav">
		<div id="side-nav">
			<ul class="nav" id="nav">
				<li id="menu1"><a _href=""><i class="layui-icon layui-icon-template-1"></i><cite>研学计划管理</cite><i class="layui-icon nav_right"></i></a>
					<ul class="sub-menu">
						<li id="menu2"><a _href="school_semester_studies_plan.html"></i><cite>学期研学计划</cite></a></li>
						<li id="menu2"><a _href="school_gettingaround_declare_particulars.html"></i><cite>出行申报</cite></a></li>
						<li id="menu2"><a _href="school_gettingaround_declare.html"></i><cite>出行申报管理</cite></a></li>
						<li id="menu2"><a _href="school_gettingaround.html"></i><cite>出行管理</cite></a></li>
					</ul>
				</li>
				<li id="menu1"><a _href=""><i class="layui-icon layui-icon-face-smile"></i><cite>研学成果管理</cite><i class="layui-icon nav_right"></i></a>
				<ul class="sub-menu">
					<li id="menu2"><a _href=""><cite>评价管理</cite><i class="layui-icon nav_right"></i></a>
						<ul class="sub-menu">
							<li id="menu3"><a _href="school_evaluate_administration_insert.html"></i><cite>新增评价</cite></a></li>
							<li id="menu3"><a _href="school_evaluate_administration_history.html"></i><cite>评价记录</cite></a></li>
						</ul>
					</li>
					<li id="menu2"><a _href=""><cite>研学成果</cite><i class="layui-icon nav_right"></i></a>
						<ul class="sub-menu">
							<li id="menu3"><a _href="school_studies_achievement_wonderful.html"></i><cite>精彩瞬间</cite></a></li>
							<li id="menu3"><a _href="school_studies_achievement_journalism_manuscript.html"></i><cite>新闻发布</cite></a></li>
							<li id="menu3"><a _href="school_studies_achievement.html"></i><cite>研学总结</cite></a></li>
						</ul>
					</li>
				</ul>
				</li>
				<li id="menu1"><a _href="school_class_administration.html"><i class="layui-icon layui-icon-chart-screen"></i><cite>学生管理</cite></a></li>
				<li id="menu1"><a _href=""><i class="layui-icon layui-icon-set"></i><cite>账户设置</cite><i class="layui-icon nav_right"></i></a>
					<ul class="sub-menu">
						<li id="menu2"><a _href="school_user_update.html"><cite>修改密码</cite></a></li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
	<!-- 左侧菜单结束 -->
	<!-- 右侧主体开始 -->
	<div class="page-content">
		<iframe src='school_semester_studies_plan.html' frameborder="0" scrolling="yes" allowtransparency="true" id="appiframe" name="appiframe"></iframe>
	</div>
	<!-- 右侧主体结束 -->
	<!-- 中部结束 -->
	<script type="text/javascript">
		/*
		 * @todo 左侧菜单事件
		 * 如果有子级就展开，没有就打开frame
		 */
		$('body').on('click', '.left-nav #nav li', function(event) {
			if($(this).children('.sub-menu').length) {
				if($(this).hasClass('open')) {
					$(this).removeClass('open');
					$(this).find('.nav_right').removeClass('layui-icon-down');
					$(this).find('.nav_right').addClass('layui-icon-up');
					$(this).children('.sub-menu').stop().slideUp();
					$(this).siblings().children('.sub-menu').slideUp();
				} else {
					$(this).addClass('open');
					$(this).children('a').find('.nav_right').removeClass('layui-icon-up');
					$(this).children('a').find('.nav_right').addClass('layui-icon-down');
					$(this).children('.sub-menu').stop().slideDown();
					$(this).siblings().children('.sub-menu').stop().slideUp();
					$(this).siblings().find('.nav_right').removeClass('layui-icon-down');
					$(this).siblings().find('.nav_right').addClass('layui-icon-up');
					$(this).siblings().removeClass('open');
				}
			} else {
				var url = $(this).children('a').attr('_href');
				var title = $(this).find('cite').html();
				var index = $('.left-nav #nav li').index($(this));

				$('#appiframe').attr('src', url);
			}
			event.stopPropagation(); //不触发任何前辈元素上的事件处理函数
		});
		
		//左侧菜单事件右侧图标初始化
		$(document).ready(function(){
			$('.nav_right').removeClass('layui-icon-up');
			$('.nav_right').removeClass('layui-icon-down');
			$('.nav_right').addClass('layui-icon-up');
			$('li.open > .nav_right').removeClass('layui-icon-up');
			$('li.open > .nav_right').addClass('layui-icon-down');
			$('li.open > .sub-menu').show();
		});
		$(function(){
			$("#menu2 a").click(function(){
				$(this).children("a").css("background","red");
				$(this).prev().children("a").css("background","white");
			})
		})
	</script>
	<script>
		layui.use('element', function () {
			var layer = layui.layer;
			var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
		});
	</script>
</body>

</html>